<template>
	<my-template>
		<view slot="header">
			<image :src="'/app/image/'+myInfo.id+'/header/'+myInfo.head"
			width="100%" class="image1"/>
		</view>
	
		<view class="content" slot="content">
				<card-info :info="myInfo"></card-info>
		</view>
	</my-template>
	
</template>

<script>
	// import myCard from '../../components/my-card.vue'
	import myTemplate from '../../components/my-template.vue'
	import cardInfo from '../../components/card-info2.vue'
	export default {
		data(){
			return{
				myInfo:{
					id:'',
					head:'',
					name:''
				}
			}
		},
		methods:{
		
		},
		onLoad(){
		uni.request({
			url:'/app/api/v2/getInfo',
			method:'POST',
			header:{
				'loginUserId':uni.getStorageSync('loginUserId'),
				'loginUserToken':uni.getStorageSync('loginUserToken')
			},
			success:res=> {
				console.log(res.data)
				this.myInfo=res.data
			}
		})
		},
		components:{
			cardInfo,myTemplate
		}
	}
</script>
<style>
	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
